<template>
  <div>
    <el-menu
      text-color="grey"
      background-color="#D9ECFF"
      style="height: 500px"
      default-active="/approve"
      router
    >
      <el-menu-item index="/approve">
        <i class="el-icon-document"></i>
        <span>已审批项目</span>
        <i class="el-icon-arrow-right"></i>
      </el-menu-item>
      <el-menu-item index="/library" >
        <i class="el-icon-folder-opened"></i>
        <span> 档案库</span>
        <i class="el-icon-arrow-right"></i>
      </el-menu-item>
    </el-menu>
    
  </div>
</template>

<script>
export default {
  methods: {
    
  },
};
</script>

<style >
.el-menu-item:focus,
.el-menu-item:hover {
  outline: 0;
  background-color: #ecf5ff !important;
}
.el-icon-arrow-right {
  float: right;
  margin-top:20px;
}
.el-icon-arrow-right::after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}
</style>